<template>
	<view class="Ratemodle">
		<uni-rate margin="10" v-model="rateValue" :is-show-text="true" :text="texts[rateValue - 1]"
			@change="onChange" />
		<text style="margin: 0px 0px 0px 20rpx;"> {{getstart(rateValue) }}</text>
	</view>
</template>
<style>
	.Ratemodle {
		display: flex;
		align-items: center;
	}
</style>
<script setup>
	import {
		ref
	} from 'vue';

	const rateValue = ref(0); // 初始化评分值为0

	const texts = ['非常差', '差', '一般', '好', '非常好']; // 评价描述数组
	function onChange(value) {
		console.log('当前评分：', value);

	}

	function getstart(rateValue) {
		const texts = ['非常差', '差', '一般', '好', '非常好']; // 评价描述数组

		return texts[rateValue - 1] || '请选择评分';

	}
</script>